@import './var.css';
@import './FormCreate/index.scss';
@import './theme.scss';
@import 'element-plus/theme-chalk/dark/css-vars.css';
@import './niushop.scss';
.el-slider {
  --el-slider-button-size: 16px;
  --el-slider-height: 3px;
  --el-slider-button-wrapper-offset: -17px;
}
.reset-margin [class*='el-icon'] + span {
  margin-left: 2px !important;
}
// 解决抽屉弹出时，body宽度变化的问题
.el-popup-parent--hidden {
  width: 100% !important;
}
.el-tree {
  --el-tree-node-content-height: 40px;
}

// 解决表格内容超过表格总宽度后，横向滚动条前端顶不到表格边缘的问题
.el-scrollbar__bar {
  display: flex;
  justify-content: flex-start;
}

/* nprogress 适配 element-plus 的主题色 */
#nprogress {
  & .bar {
    background-color: var(--el-color-primary) !important;
  }

  & .peg {
    box-shadow:
      0 0 10px var(--el-color-primary),
      0 0 5px var(--el-color-primary) !important;
  }

  & .spinner-icon {
    border-top-color: var(--el-color-primary);
    border-left-color: var(--el-color-primary);
  }
}

// 美咚字体
// 数字字体
@font-face {
  font-family: 'DINPro-Black';
  src: url('@/assets/font/DINPro-Black.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.meton-num-font-family {
  font-family: 'DINPro-Black';
}
.meton-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}
